import React from "react";
import { Steps,Button,Form} from 'antd';
const { Step } = Steps;

const steps = [
  {
    title: '选择砍价商品',
   
  },
  {
    title: '填写基础信息',
    
  },
  {
    title: '修改商品详情',
    
  },
];
const App = () => {
  const [current, setCurrent] = React.useState(0);

  const next = () => {
    setCurrent(current + 1);
  };
 

  
  
  return (
    <>
    
      <Steps current={current}>
        
        {steps.map(item => (
          <Step key={item.title} title={item.title} />
        ))}
      </Steps>
      <div className="steps-content">{steps[current].content}</div>
      <div className="steps-action">
        {current < steps.length - 1 && (
          <Button type="primary" onClick={() => next()}>
            Next
          </Button>
        )}
        
        {/* {current === steps.length - 1 && (
          <Button type="primary" onClick={() => message.success('Processing complete!')}>
            Done
          </Button>
        )}
        {current > 0 && (
          <Button style={{ margin: '0 8px' }} onClick={() => prev()}>
            Previous
          </Button>
          
        )} */}
     
      </div>
     
  
     
    </>
     
  );

}

         
function addListlz(props) {
 
 const add=()=>{
   props.history.push("/bargainlz")
 }
  
    
 
  return <div>
                                               {/* <Steps current={1} >
    <Step style={{marginLeft:"100px",marginTop:"20px"}} description="选择砍价商品" />
    <Step  style={{marginTop:"20px",position:"absolute",left:"43%"}}  description="填写基本信息" />
    <Step style={{marginRight:"200px",marginTop:"20px"}} description="修改商品详情" />


  </Steps> */}
  
  <App/>
 
  <Form.Item
        label="选择商品"
      
        name="username"
        style={{marginLeft:"120px",marginTop:"20px"}}
        rules={[{ required: true, message: '请输入砍价名称' }]}
      >
      
      </Form.Item>
    
      
      
  <Button  type="primary" style={{marginLeft:"200px"}} onClick={add} >下一步</Button>
  <div>
    
  </div>
  </div>

  }

export default addListlz;
